<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="resources/third-party/semantic/semantic.css" />
    <link rel="stylesheet" type="text/css" href="resources/third-party/jquery.rainbowJSON/css/jquery.rainbowJSON.css" />
    <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
    <title>Home</title>
</head>
<body>
    <div id="menu">
        <a data-tab="add" class="plus" href="javascript:;" title="add"></a>
        <a data-tab="list" class="box" href="javascript:;" title="list"></a>
        <a data-tab="run" class="play" href="javascript:;" title="run"></a>
        <a data-tab="settings" class="settings" href="javascript:;" title="settings"></a>
        <!--
        <a class="refresh" href="javascript:;" title="Refresh" onclick="location.reload();"></a>
        -->
    </div>

    <div id="body">
        <h1>Restful Api Tester</h1>
    </div>

    <div id="loading" style="display: none;">
        <div class="ui active inverted dimmer">
            <div class="ui loader"></div>
        </div>
    </div>

    <script type="text/javascript" src="resources/js/init.js"></script>
    <script type="text/javascript">
        $('#menu a[data-tab]').click(function() {
            switchTab($(this).data('tab'));
        });
    </script>
</body>
</html>
